<template>
    <div>
        <div class="grid grid-cols-12 gap-4">
            <div class="col-span-4">
                <a-card>
                    <a-descriptions :data="data" title="基本信息" :column="1" layout="inline-vertical"  />
                </a-card>
            </div>

            <div class="col-span-1">
                <div class="bg-white p-4 rounded-lg">
                    <h2 class="text-lg font-bold">用户信息</h2>
                </div>
            </div>
            {{ $route.meta.selected }}
            <br>
            {{ $route.fullPath }}
        </div>
    </div>
</template>

<script setup lang="ts">

const data = ref([
    {
        label: '用户名',
        value: 'adminapi'
    },
    {
        label: '用户名',
        value: 'adminapi'
    },
    {
        label: '用户名',
        value: 'adminapi'
    },
    {
        label: '用户名',
        value: 'adminapi'
    }
])
</script>
